草庐IT

ES 脚本

全部标签

javascript - Webpack - 在 webpack.config.json 中使用脚本加载器

我才刚刚开始涉足webpack的世界。我在vueify中使用了很棒的Vue.js,因此我的模块是ES6。我遇到的一个困难是加载一些第3方jQuery插件。我正在使用ProvidePlugin加载jQuery-效果很好。plugins:[newwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery"})]然后我有一个名为plugins的目录,其中包含杂项jQuery插件。我的理解是脚本加载器只是将它们作为字符串加载到捆绑文件中,并在捆绑加载时对它们进行评估。然后可以像在常规脚本标记中加载这些脚本一样使用这些脚本(即不需要导入)。但我就是无法使用任

javascript - webpack -p 无法丑化 es2015 代码

webpack-pcli命令无法对es2015代码进行uglify包.json"devDependencies":{"babel":"^6.5.2","babel-core":"^6.13.2","babel-loader":"^6.2.4","babel-preset-es2015":"^6.13.2"}webpack.config.jsvarwebpack=require("webpack");varconfig={entry:'./src/app.js',devtool:"source-map",output:{path:'../Scripts',filename:'bundle

javascript - Firefox ES6,获取类构造函数名称

在Firefox中使用ES6类时,我在获取构造函数的名称时遇到问题。在Chromium中它工作正常,但Firefox似乎有某种错误?在Firefox中,我只返回一个空字符串。有人知道解决方法吗?classMyClass{}leta=newMyClass();console.log(a.constructor.name); 最佳答案 我认为这是一个错误(根据下面的评论)。似乎指定显式构造函数在Firefox中表现出正确的行为(即使是最新版本48)。classMyClassWithConstructor{constructor(){co

javascript - es5 中 ES6 方法(类)的等价物是什么?

我们如何将es6类方法填充到ES5中?我正在看一本书,上面写着以下内容:classNinja{constructor(name){this.name=name;}swingSword(){returntrue;}}与相同functionNinja(name){this.name=name;}Ninja.prototype.swingSword=function(){returntrue;};我只是问为什么我们要在原型(prototype)上而不是在构造函数中添加swingSword?因为函数应该在对象上,而不是在原型(prototype)链上。我是对还是错?

javascript - 在 ES Lint 中为 React Native 应用程序将 WebSocket 定义为全局变量

我收到以下eslint错误:42:21error'WebSocket'isnotdefinedno-undef您不能从react-native导入WebSocket,因为它是全局的,但是当我将WebSocket作为全局变量添加到我的.eslintrc.yml时,它不会改变结果错误:globals:WebSocket:true如何在ESLint中为ReactNative应用将WebSocket定义为全局?这可以修复吗?目前我的.eslintrc看起来像这样:env:browser:falsees6:truecommonjs:truenode:trueextends:'airbnb'par

javascript - 等效于 ES6 Promises 的 BlueBird Promise.props?

我想等待Promise的单词映射完成。BlueBird有Promise.props可以实现这一点,但是有没有一种干净的方法可以在常规javascript中做到这一点?我想我可以创建一个包含单词和Promise的新对象,获取这些对象的Promise数组,然后调用Promise.all并将它们放入map中,但这似乎有点矫枉过正。 最佳答案 适用于普通对象的Bluebird.props实现:/***Thisfunctionmaps`{a:somePromise}`toapromisethat*resolveswith`{a:resolve

javascript - 是否可以在 Mocha 测试中使用 ES6 模块?

ES6、Windows10x64、Node.js8.6.0、Mocha3.5.3是否可以在Mocha测试中使用ES6模块?我遇到了export和import关键字的问题。/*eventEmitter.js*//*Eventemitter.*/exportdefaultclassEventEmitter{constructor(){constsubscriptions=newMap();Object.defineProperty(this,'subscriptions',{enumerable:false,configurable:false,get:function(){returns

javascript - 脚本不从 .angular-cli.json 加载

我将新脚本添加到我的.angular-cli.json文件中,如下所示:"apps":[{"root":"src","outDir":"dist","assets":["assets","favicon.ico"],"index":"index.html","main":"main.ts","polyfills":"polyfills.ts","test":"test.ts","tsconfig":"tsconfig.app.json","testTsconfig":"tsconfig.spec.json","prefix":"app","styles":["../node_modul

javascript - Q :ES6 map. keys() after map.delete(key)

当我尝试这些代码时:constmap=newMap([['a',1],['b',2],['c',3],['d',4],['e',5]]);console.log(map.keys());map.delete('a')console.log(map.keys());chrome控制台将显示这些:MapIterator{"a","b","c","d","e"}MapIterator{"c","d","e"}“b”为什么不出现? 最佳答案 这是一个浏览器兼容性问题,发生在map.keys()、map.values()、map.entrie

javascript - 来自源 'undefined' 的脚本在 CSP 中意味着什么?

我最近从stripe.jsv2转移到了stripe.jsv3/elements。作为其中的一部分,我收到了新的CSP错误。这些似乎不会导致Stripe失败,但我想了解它们:ContentSecurityPolicy:Thepage'ssettingsblockedtheloadingofaresourceatself("script-src").Source:;undefined.elements-inner-card-15fb9df8718486f330c3990dde96bfd7.html:1ContentSecurityPolicy:Thepage'ssettingsblocke